<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <!-- Required meta tags-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="au theme template">
    <meta name="author" content="Hau Nguyen">
    <meta name="keywords" content="au theme template">

    <!-- Title Page-->
    <title>设备产品管理</title>

    <!-- Fontfaces CSS-->
    <link th:href="@{css/font-face.css}" rel="stylesheet" media="all">
    <link th:href="@{vendor/font-awesome-4.7/css/font-awesome.min.css}" rel="stylesheet" media="all">
    <link th:href="@{vendor/font-awesome-5/css/fontawesome-all.min.css}" rel="stylesheet" media="all">
    <link th:href="@{vendor/mdi-font/css/material-design-iconic-font.min.css}" rel="stylesheet" media="all">
    <!-- Bootstrap CSS-->
    <link th:href="@{vendor/bootstrap-4.1/bootstrap.min.css}" rel="stylesheet" media="all">
    <!-- Vendor CSS-->
    <link th:href="@{vendor/animsition/animsition.min.css}" rel="stylesheet" media="all">
    <link th:href="@{vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css}" rel="stylesheet" media="all">
    <link th:href="@{vendor/wow/animate.css}" rel="stylesheet" media="all">
    <link th:href="@{vendor/css-hamburgers/hamburgers.min.css}" rel="stylesheet" media="all">
    <link th:href="@{vendor/slick/slick.css}" rel="stylesheet" media="all">
    <link th:href="@{vendor/select2/select2.min.css}" rel="stylesheet" media="all">
    <link th:href="@{vendor/perfect-scrollbar/perfect-scrollbar.css}" rel="stylesheet" media="all">
    <!-- Main CSS-->
    <link th:href="@{css/theme.css}" rel="stylesheet" media="all">

    <style>
        body {
            background: url("images/icon/img3.jpg");
            background-repeat: no-repeat;
            background-size: cover;
        }
    </style>

</head>

<body class="animsition">
<nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color: #e3f2fd;">
    <a class="navbar-brand" href="#">502畜牧养殖基地管理平台</a>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" th:href="@{login}">登录</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" th:href="@{register}">注册</a>
            </li>
        </ul>
    </div>
</nav>
<div class="page-wrapper">
    <div class="page-content--bge5">
        <div class="container">
            <div class="login-wrap">
                <div class="login-content">
                    <div class="login-logo">
                        <a href="#">
                            <img th:src="@{images/icon/logo.png}" alt="CoolAdmin">
                        </a>
                    </div>
                    <div class="login-form">
                        <form th:action="@{checklogin}" method="post">
                            <div class="form-group">
                                <label>用户名</label>
                                <input class="au-input au-input--full" type="text" name="user_name" id="user_name" placeholder="请输入用户名">
                            </div>
                            <div class="form-group">
                                <label>密码</label>
                                <input class="au-input au-input--full" type="password" name="user_passwd" id="user_passwd" placeholder="请输入密码">
                            </div>

                            <button class="au-btn au-btn--block au-btn--green m-b-20" type="submit">login</button>
                        </form>
                        <div class="register-link">
                            <div id="make">By kexing&copy;</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- Jquery JS-->
<script th:src="@{vendor/jquery-3.2.1.min.js}"></script>
<!-- Bootstrap JS-->
<script th:src="@{vendor/bootstrap-4.1/popper.min.js}"></script>
<script th:src="@{vendor/bootstrap-4.1/bootstrap.min.js}"></script>
<!-- Vendor JS       -->
<script th:src="@{vendor/slick/slick.min.js}">
</script>
<script th:src="@{vendor/wow/wow.min.js}"></script>
<script th:src="@{vendor/animsition/animsition.min.js}"></script>
<script th:src="@{vendor/bootstrap-progressbar/bootstrap-progressbar.min.js}">
</script>
<script th:src="@{vendor/counter-up/jquery.waypoints.min.js}"></script>
<script th:src="@{vendor/counter-up/jquery.counterup.min.js}">
</script>
<script th:src="@{vendor/circle-progress/circle-progress.min.js}"></script>
<script th:src="@{vendor/perfect-scrollbar/perfect-scrollbar.js}"></script>
<script th:src="@{vendor/chartjs/Chart.bundle.min.js}"></script>
<script th:src="@{vendor/select2/select2.min.js}">
</script>

<!-- Main JS-->
<script th:src="@{js/main.js}"></script>

</body>

</html>
<!-- end document-->